{$header} 
<script type="text/javascript" language="javascript" src="{$url}js/jquery.dataTables.js"></script>
<link href="{$url}css/demo_table_jui.css" type="text/css" rel="stylesheet" />
<link href="{$url}css/jquery-ui-1.8.8.custom.css" type="text/css" rel="stylesheet" />
{$menu}
{literal}
<script language="javascript">
	function ToggleAllUsers(form, isChecked){
			for(i=0; i < form.length; i++) {
				if(form.elements[i].type == "checkbox"){
					if(isChecked){	form.elements[i].checked = true;}
					else { form.elements[i].checked = false;}					
				}
			}
		}
</script>
{/literal}
{literal}
<script type="text/javascript" charset="utf-8">
		$(document).ready(function() {
    		oTable = $('#result').dataTable({
        	"bJQueryUI": true,
        "sPaginationType": "full_numbers"
    });
} );
</script>
{/literal}
<div id="content">
    <div id="tab" class="radius-top">
    	Branch Image  List 
        <div class="clear"></div></div>
     {$form_open}   
<div id="bnt-under">
     	<ul id="icon">
        	<li class="icon-delete left27"><input class="mws-button green" type="submit" value="Delete" onClick="return confirm('Are you sure delete items');" /></li>
            <li class="icon-add left27"><input class="mws-button green" type="button" value="Add" onClick="window.location='{$url}manage_branch/branch_img_add/{$id}';"></li>
        </ul>
     </div>
    {$status}
   <table id="result" class="display">
     <thead>
       <tr>
         <th><input type="checkbox" onClick="ToggleAllUsers(this.form, this.checked)" /></th>
         <th>Image </th>
         <th>Title</th>
         <th>Edit</th>
         <th>Delete</th>
       </tr>
     </thead>
     <tbody>
   	   {section name=index loop=$gallery}
       <tr>
         <td><input type="checkbox" name="check[]" value="{$gallery[index].pkid}" /></td>
         <td class="hotelInfo">{$gallery[index].img}</td>
         <td class="hotelInfo">{$gallery[index].title}</td>
         <td><a href="{$url}manage_branch/branch_img_edit/{$gallery[index].pkid}/{$gallery[index].cid}"><img src="{$url}images/edit-icon.png" width="20" height="20" /></a></td>
         <td><a href="{$url}manage_branch/branch_img_del/{$gallery[index].pkid}/{$gallery[index].cid}" onClick="return confirm('Are you sure delete item');"><img src="{$url}images/delete-icon.png" width="20" height="20" /></a></td>
       </tr>
       {/section}
       
     </tbody>
   </table>
   {$form_close}
 </div>
{$footer}